* { margin: 0; padding: 0; }

html { font-family: sans-serif; font-size: 12px; }

#top { background: #eee; border-bottom: 1px solid #ccc; height: 32px; padding: 5px; }
#top a { display: block; float: left; margin-right: 5px; width: 32px; height: 32px; text-indent: -1000em; background-repeat: no-repeat; outline: none; }
#top a.prev      { background-image: url(images/go-previous.png); }
#top a.next      { background-image: url(images/go-next.png);}
#top a.up        { background-image: url(images/go-up.png);}
#top a.refresh   { background-image: url(images/view-refresh.png);}
#top a.search    { background-image: url(images/system-search.png);}
#top a.newFolder { background-image: url(images/folder-new.png);}
#top a.newFile   { background-image: url(images/document-new.png);}
#top a.delete    { background-image: url(images/process-stop.png);}
/* #top input { float: left; margin: 4px; border: 1px solid #ccc; padding: 4px; width: 200px; margin-right: 2em; } */
#top input { float: left; margin-right: 2em; margin-top: 4px; }
#top span.delimiter { display: block; float: left; width: 0; height: 32px; border: 1px inset #fff; margin: 0 5px; }
#top a:hover { background-color: #ddd; }

#tree { width: 220px; overflow: auto; border-right: 1px solid #ccc; padding: 5px; padding-left: 20px;  float: left; }
#tree ul { margin-left: 10px; list-style-type: none; }
#tree li { margin-bottom: 2px; color: #000; }
#tree li span { cursor: pointer; }
#tree li span.active { background: #ddd; }
#tree li.folder { list-style-image: url(images/folder.png); }
#tree li.open { list-style-image: url(images/folder-open.png); }

#files { float: left; overflow: auto; }
#files .file { border: 1px solid #ccc; margin: 5px 0 0 5px; background: #eee; width: 100px; float: left; height: 152px; overflow: hidden; cursor: pointer; }
#files .file:hover { border: 1px solid #359; }
#files .thumb { width: 100px; height: 100px; background: #fff url(images/document.png) center center no-repeat; }
#files p { font-size: 10px; text-align: center; }
#files p.size { font-style: italic; color: #999; text-align: left; float: left; position: absolute; width: 98px; margin-top: 38px; }
#files p.size a { float: right; color: #800; }
#files p.size a:hover { color: #f00; }

